
.tag-main-container {
    font-size: 12px;
    line-height: 100%;
    margin: auto 0;
    margin-right: vw(5);
    display: flex;
    border: 1px solid #d8dce5;
    height: vw(10);
    padding-right: vw(2);
    padding-left: vw(4);

    .tag-name-container {
        cursor: pointer;
        margin: auto 0;
    }

    .tag-del-container {
        margin: auto 0;
        margin-left: vw(2);
        cursor: pointer;
    }
}

.active {
    transition: transform .3s ease;
    position: relative;
    background-color: #42b983;
    transform: scale(1.1);
    color: #fff;
    padding-left: vw(8);
}


.active::after {
    position: absolute;
    content: "";
    background-color: #fff;
    width: vw(3.5);
    height: vw(3.5);
    border-radius: vw(3);
    left: vw(2);
    top: vw(3);
}